<template>
	<view class="cttit">
		<text>系统设置</text>
		<view class=""></view>
	</view>
	<view class="listbg">
		<view class="listitem" @click="goinfo(2)">
			<view class="q">
				<image src="@/static/h3.png" mode=""></image>
				<text>关于我们</text>
			</view>
			<image src="@/static/arright.png" mode=""></image>
		</view>
		<view class="listitem" @click="goinfo(1)" >
			<view class="q">
				<image src="@/static/h2.png" mode=""></image>
				<text>用户协议</text>
			</view>
			<image src="@/static/arright.png" mode=""></image>
		</view>
		<view class="listitem" @click="loginout">
			<view class="q">
				<image src="@/static/h1.png" mode=""></image>
				<text>退出登录</text>
			</view>
			<image src="@/static/arright.png" mode=""></image>
		</view>
	</view>

</template>

<script setup>
	
	import {
		ref,
		onMounted
	} from 'vue';

	

   function goinfo(e){
	    uni.navigateTo({
	    	url:"/pages/login/xieyi?type="+e
	    })
   }


    function loginout(){
		uni.showModal({
			title:"是否退出登录",
			success: (res) => {
				if(res.confirm){
					uni.removeStorageSync('token')
					uni.removeStorageSync('userInfo')
					uni.removeStorageSync('local')
					uni.removeStorageSync('code')
					 uni.reLaunch({
					 	url:"/pages/index/index"
					 })
				}
			}
		})
	
		
	}

  
	
</script>




<style lang="scss">
	
	.cttit {
		margin-top: 36rpx;
		margin-left: 30rpx;
		position: relative;
		display: flex;
		flex-direction: column;
	
		&>text {
			font-family: PingFang-SC, PingFang-SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #111111;
			line-height: 24rpx;
			position: relative;
			z-index: 10;
		}
	
		view {
			width: 130rpx;
			height: 16rpx;
			border-radius: 20rpx;
			background: #C7A46F;
			position: absolute;
			bottom: -6rpx;
		}
	}
	
	.listbg {

		width: 690rpx;
		height: auto;
	
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin-left: 30rpx;
		margin-top: 24rpx;
		overflow: hidden;

		.listitem {
			border-radius: 16rpx;
				background: #FFFFFF;
				box-sizing: border-box;
				padding: 0 30rpx;
			display: flex;
			align-items: center;
			margin-top: 24rpx;
			justify-content: space-between;
			border-bottom: 1rpx solid #F6F6F6;
			height: 90rpx;
			width: 100%;
	
            .q{
				display: flex;
		       align-items: center;
				image{
					width: 28rpx;
					height: 30rpx;
					margin-right: 14rpx;
				}
				text {
					font-family: PingFang-SC, PingFang-SC;
					font-weight: 500;
					font-size: 30rpx;
					color: #000000;
				}
			}

			image {
				width: 14rpx;
				height: 25rpx;
			}
		}
	}

	page {
		background: #F6F6F6;
	}


</style>